import "./RecordCard.css"

type RecordCardProps = {
    icon:string,
    val11:string,
    val13:number,
    val21:string,
    val22:string,
    val12?:string,
}

export const RecordCard: React.FC<RecordCardProps> = ({icon,val11,val13,val21,val22,val12=''}) => {
    return <div class='record-card'>
        <div class='card-item card-icon'>{icon}</div>
        <div class='card-item card-content'>
            <div class='content-row row-top'>
                <div>
                    <span class='top-val1'>{val11}</span>
                    <span class='top-val2'>{val12}</span>
                </div>
                <div class='top-val3'>￥{val13/100}</div>
            </div>
            <div class='content-row row-bottom'>
                <div  class='bottom-val1'>{val21}</div>
                <div  class='bottom-val2'>{val22}</div>
            </div>
        </div>
    </div>
}